お知らせ

【お知らせ 5 】

公開予定の Collect and Display 3.6の内容です。
（このサイトで動作中のものは公開予定のv3.6.xです）
付加しているスクリーンショットは開発中のものであり、公開版では異なっているかもしれません。

【準備中の主な修正/変更/新規項目】

【準備中の主な項目一覧】

再生時間ジャンプボタンを押した時にスナップショットが表示されない不具合の修正。(3.4.4.159)

ポップアップ生成、選択ファイルやファイルパスからのイメージビューア作成に関する修正。(3.4.4.156)

1ページ内にある大量の大容量DropMeImage群を処理するため、一つ一つのDropMeImageの処理タイミングをユーザー自身が制御できる新たなオプション「DropMeImage代表画像へのダブルクリック/ダブルタップをトリガーとしてデータ展開を開始する」を追加。
ページ表示時にかかる負荷の大幅な低減が目的。(3.4.4.154)

メインページからだけでなく右側メニューにあるDropMeImageからもイメージビューアを作成できるようになりました。
また対象のメディアタイプも選択できるようになりました。(3.4.4.153)

ページ・イメージビューア上にあるCopyボタンのダブルクリック/ダブルタップでポップアップを生成できるようになりました。
イメージビューア上の画像やビデオとは異なり、ポップアップ上の画像やビデオは拡大や回転して表示範囲を絞ったり、画面上に複数配置できるところが利点です。
以前はページ・イメージビューアのヘルプ・ウインドウにあるPopupボタンやドラッグ＆ドロップでしかスライドのポップアップを生成できませんでした。(3.4.4.152)

スライドショー画面へのダブルクリック/ダブルタップで動画スライドの時間送り/戻し、ポーズ/再生、画像スライドのポーズ/再生ができるようになりました。(3.4.4.137)

動画ポップアップ画面へのダブルクリック/ダブルタップで動画の時間送り/戻し、ポーズ/再生ができるようになりました。(3.4.4.137)

ポップアップ上に表示されるボタン・ボックスの表示トリガーがポップアップ・コンテンツの「クリック/タップ/長押し/ダブルクリック/ダブルタップ」から「ダブルクリック/ダブルタップ/長押し」のみに変更されました。
動画のポップアップにおいては特定部位のダブルクリック/ダブルタップによって早送りや巻き戻し、ポーズや再生が実行されるため、それら特定操作用の押し部位が重なり合うような小さなポップアップウインドウで確実にボタン・ボックスを表示させたい場合は長押しをして下さい。
以前ポップアップに対するちょっとした操作でボタン・ボックスが表示されるのが鬱陶しかった事が今回の修正の理由です。
また表示範囲絞り込み時（フレーム・モード時）に表示されるドラッグ・バーとリサイザーはボタン・ボックスを一度表示させてから消す事で非表示にできます。(3.4.4.137.07, 3.4.4.226)

【主な修正項目】

【「GoTo」メニューにて項目選択時に発生する不具合の修正】
・この不具合のために余分なスナップショットがメニューに貼り付けられる事がありました。
【ファイル選択インプットを使って構成されたスライドショーにてスライドの回転をすると固まる不具合を修正】
【Fire TV StickのSilkブラウザでの不具合の修正】
・ Fire TV StickのSilk: 接続されたマウスのダブルクリックが機能しない不具合を修正しました。
この不具合の結果としてダブルクリックやダブルタップでトリガーされるようになっているパーツ（Drop-Me-Image代表画像やタイムスタンプのボタン、GoToテーブルのボタンなど）がFire TV Stickに接続されたマウスでは機能しなくなっていました。

・ Fire TV StickのSilk: 操作中に誤って入力フィールドに入るとソフト・キーボード・ループにはまってしまう現象に対処しました。
Fire TV Stickにて、操作中に一旦ポインターが誤って入力フィールドに入ると、そのフォーカスを別の場所にあるチェックボックスなどを押して解かない限り、例えページをスクロールしてもソフト・キーボードがその後すぐにポップアップして引き戻されていました。
修正後はスクロールヘルパーが設定で有効にされている必要がありますが、PCでの通常の挙動のようにポインターを捕えている入力フィールド以外どこでも良いので押せば入力フィールドのフォーカスが解かれます。

・ Fire TV StickのSilk: Drop-Me-Imageのシャッター内に置かれたビデオやオーディオをマウスでポップアップできない不具合を修正しました。
またそれらの見た目や挙動も変更・修正されています。
【ページへの画像ファイル・ドロップ時の不具合の修正】
・ページやDrop-Me-ImageのDescへの画像ファイルのドロップが正常に動作しなくなっていました。
修正後は単数から複数の画像ファイルをページにドロップするとそれらのポップアップイメージが生成され、Drop-Me-ImageのDescにドロップするとそれらのファイル名が入力されます。

これらが機能するのはHTTPサーバーが管理している場所（フォルダなど）にある画像のドロップだけですので、サーバーが解決できないパス上や到達できない場所にある画像のドロップは機能しません。
また、これらが機能する画像のタイプはCollect and Displayスクリプトが処理対象とする画像のタイプだけです。
それらスクリプトが処理対象とする画像のタイプは「設定」のイメージビューア・セクションで確認と変更ができます。
なお、この機能のようにローカルファイルを対象とした機能や操作はWebブラウザのセキュリティー・ポリシーやOSなどによって常に拒否される可能性があります。
【メインページで開かれたIVイメージビューアでの不具合の修正】
・メインページで開かれたIVイメージビューアにて、コンテンツ（画像やビデオ、オーディオなど）が何もない場所へのタッチ操作が効かない不具合を修正しました。
この不具合下でもマウスで操作する場合にはスクロールバーを直接ドラッグしたり、ホイール操作でなんとかなっていましたが、タッチ操作の場合にはポップアップ管理インターフェースを使ってIVイメージビューアの位置をリセットするしかありませんでした。

・ IVイメージビューア・スライドショーにて、デフォルトでスキップするように設定されているスライドにあたったとき、そこでスライドショーの進行が止まってしまう不具合を修正しました。
Drop-Me-Imageのヘルプテキストにもありますが、スライドショーにてあるスライドをデフォルトでスキップしたい場合、例えばそのスライドのデータが「Audio=./audio/song01.wav;」であれば「Audio=./audio/song01.wav, skip=true;」とします。

・タッチ操作のChrome系WebブラウザのIVイメージビューア・スライドショーにて、IVイメージビューア・フレームのドラッグ時にゴースト・イメージが生成されてIVイメージビューア・フレームの位置調整ができなくなる不具合を修正しました。

IVイメージビューアはPCの場合はCtrl + Alt + ドラッグ、タッチ操作端末の場合はフレーム上部の長押しで移動や位置調整ができます。

イメージビューア・フレームの一点を長押しする代わりに、横線を一定距離引き、その終点で指を離さずに押し続けると成功し易いと思います。

フレームの移動後にフレームの自動サイズ変更を行いたくない場合は「<- No Resize Move - >」の部分を押さえながらドラッグします。
また、各イメージビューア・アイテムの「01 Mountains-61818.mp4」のような番号部分より右にある空白部分を押さえながら移動させた場合もフレームの自動サイズ変更は行われません。

「No Resize Move」ボタンの一点を長押しする代わりに、「No Resize Move」枠上で横線を一定距離引き、その終点で指を離さずに押し続けると成功し易いと思います。

【主な変更項目】

【Drop-Me-Imageのオーディオ・データが押されたときの挙動の変更】
Drop-Me-Imageのオーディオ・データが「表示時にプレイヤーが起動しない書式」で書かれているとき、以前は初回押しのときはオーディオ・プレイヤーが起動し、オーディオ・プレイヤーが既に起動済のときは押されるとポップアップされてHTML5 Videoプレイヤーが起動していました。
新しいビルドでは下の画像の青枠が押されたときは以前通りの動作をし、下の画像のオレンジ枠が押されたときは初回押し、再度押しに関わらずポップアップされてHTML5 Videoプレイヤーが起動するようにました。

【主な新規項目】

【ポップアップ生成ボタンとスライドショー作成ボタンにオプションを追加しました】
・「ポップアップ」ボタンなどで表示されるポップアップ管理インターフェースの「パス文字列を記述してポップアップを生成する」ボタンに「ミュートを解除する」オプションを追加しました。

・「ポップアップ」ボタンなどで表示されるポップアップ管理インターフェースの「選択されたファイルからポップアップを生成する」ボタンに「ミュートを解除する」ボタン「ソートする」オプションを追加しました。
【ポップアップの移動ロックボタン「！」を3段階で動作させるオプションを追加】
このオプションが有効にされるとポップアップの移動を以前2段階であったところを3段階に変化させて制限します。
3段階オプションを使ってポップアップが画面左と画面上から出ないように移動を制限すればポップアップを画面一杯に広げたいときのポップアップの位置調整が楽になります。

2段階動作:
第1段階:　移動をロックします。
第2段階:　移動ロックを解除します。

3段階動作（デフォルト）:
第1段階:　移動をロックします。
第2段階:　移動ロックを解除し、ポップアップが画面左と画面上から出ないように移動を制限します。
第3段階:　全ての移動制限を解除します。

ポップアップの移動ロックボタンの3段階オプションはデフォルトでオンになっています。
【特殊な端末のためにテキスト・インプット・ヘルパーを追加】
テキスト入力フィールド内でカーソルの移動やテキストの選択/コピー/ペーストが出来ない専用コントローラー操作のFire TV Stickのような特殊な端末のために、テキスト編集用の代替手段を提供します。
このオプションが有効のとき、文字の入っているテキスト入力フィールド（INPUTやTEXTAREA）にカーソルを入れると代替のテキスト編集用インターフェースが表示されます。
一旦テキスト・インプット・ヘルパーが表示された後に、それを使わずに普通に入力したい場合はテキスト・インプット・ヘルパーのCLOSEボタンを押してインターフェースを閉じて下さい。

テキスト・インプット・ヘルパーは「設定」で有効にできます。

テキスト・インプット・ヘルパーを使えばテキスト全体から一部を抽出して編集できます。

【修正できていない不具合】

【フルスクリーン・モード時に起こる不具合】
以下のものは不具合が起こる要因やその組み合わせを未だに特定できていないため解決できていません。

・特定Androidの特定のChromium系ブラウザにおいて、時にはタイミングによって、時には終始ビデオからのスナップショットが成功したり失敗したりします。

・特定Androidの特定Operaブラウザにおいて、ページ・イメージビューア・スライドショーのフレーム上に表示される事になっている、操作ボタン群をはじめとする多くのエレメントがビデオの下に隠れてしまいます。
【常に起こる不具合】
・AndroidのFirefoxにおいてビデオからのスナップショットが常時失敗します。

以上

【お知らせ 4 (Rev.5)】

最新版 Collect and Display 3.4 の内容です。
（このサイトで動作中のものは3.4です）
3.4では新たに見つかった不具合の修正の他、新しく追加されたものもあります。

Collect and Display 3の目指すところは下の4つです。

【全般】
・タッチパネルでも機能するようにする。

【HTML5 video】
・Videoの軸をVLCからHTML5 videoへと切り替える。

【新しいイメージビューア】
・そのページで動作するイメージビューア「ページ・イメージビューア」の実装。
・別タブで動作する初期からあるイメージビューアとは異なりメインページで動作するためWebブラウザによりスリープ状態にされる事がなく、動作の安定が期待できます。

【砂場のDrop-Me-Imageを強化】
・Drop-Me-ImageはlocalStorageを保存手段とする一時用途の画像メモです。HTMLエディタ無しですぐに使えます。

スクリプトを編集する場合などはお好きなJavascript用コード整形ツールを使って整形して下さい。
元スクリプトに残る個人的なコメントをツールで一括削除する作業を経てスクリプトが難読化しているためです。
WebでJavascript用コードの整形やそれに関連する素晴らしいツール、そしてそれらを分かり易く説明してくれている場所が沢山見つかると思います。

【主な修正項目】

【最近このお知らせに追加した主な修正項目: ポップアップイメージがフレーム内に入っているときの挙動の修正】
画像、ビデオ、オーディオのポップアップは、ポップアップ上の「>[]<」ボタンを押してそれが表示する画像や動画を「ポップアップ・フレーム」内に入れ、見せる範囲を制限することができます。
このモードにあるとき、フレーム内にある画像やビデオを移動、回転、反転、拡大や縮小するなどしてその全体から実際に見える部分を調整しているうち、画像やビデオが何かのタイミングで操作範囲外に出てしまい、操作不能状態に陥ることがあります。

このときの救済措置として、ポップアップの表示対象物である画像やビデオをそれらの初期位置へと戻す機能を以前から付けていたのですが、それが設計通りに機能していませんでした。
その不具合を3.4で修正しました。

この救済機能が働くのは画像やビデオが表示範囲外に完全に出てしまったときか、ほんの少ししか見えておらず以降の操作が困難であるとスクリプトが判断したときだけです。
また今回の修正後にも残る不具合によってこの救済措置では解決できないときもあります。
そういったときには「ポップアップ」ボタンや「List」ボタンを使ってポップアップの制御インターフェースを起動し、それら不具合の生じているポップアップの位置をリセットするか閉じるなどして対処して下さい。

【救済機能 A】フレームに入っている画像やビデオが操作が困難な位置に移動してしまった場合、見える範囲から完全に出てしまった場合にそれらを初期位置へと戻します。

【救済機能 B】画像やビデオがポップアップのフレーム内にあるとき、最上部の青色のドラッグバーが画面の外に出てポップアップを移動できないときは、フレームを3秒以上長押しする事でポップアップを移動できます。

【救済機能 C】ポップアップの制御インターフェース
ページ・イメージビューア・スライドショーのスライドの自動スクロール時、手動送り時、特定スライドへのジャンプ時に特定の条件でおかしな動きをする不具合を修正しました。
【書くデータの書式によってスライドの回転ができなくなる不具合の修正】
Drop-Me-Imageのページ・イメージビューア・スライドショーでビデオ/オーディオ・スライドのDescデータがサムネイル（poster）を使う書式で書かれているとき、そのスライドの自動回転が機能しなくなる不具合を修正しました。
ただし下の【主な新規項目】にある関連項目にある通り、フルスクリーン状態のときには特定のタッチ操作端末の特定のWebブラウザで自動回転は正常に機能しません。

「砂場サンプル01」ページより、ビデオデータ

「砂場サンプル01」ページより、オーディオデータ
【Firefoxのビデオで操作不能になる不具合の修正】
タッチ操作のFirefox系Webブラウザーで一旦ポップアップのHTML5Videoコントローラーを表示させると、以降スクリプトによるユーザーインターフェイスが表示されなくなる不具合を修正しました。

オレンジ枠にあるのがFirefoxのVideoコントローラー。
青枠にあるのがスクリプトによるユーザーインターフェース。
【Firefoxで複数のビデオ表示時にロード負荷が高くなる現象】
Firefox系Webブラウザーで複数のサムネイル無しの動画やオーディオが張られたページを表示させると思う以上に負荷が高くなる現象を確認しました。
この負荷の高まりはChrome系では起こらないため、とりあえずFirefox用に簡単な対策はしておきましたが修正はできていません。

特定の環境、端末、Firefoxのビルドで複数の動画をそのままで張ると負荷が一時的にかなり高くなる現象を確認しました。
【特殊なAndroid端末: 「スクロール・ヘルパーを有効にする」オプションを修正しました】
「設定」の「スクロール・ヘルパーを有効にする」オプションを有効にして、専用コントローラー操作＆マウス接続無しの状態のAndroid端末「Fire TV Stick」のSilkブラウザ(Chrome系)で動作テストと修正を行いました。

その一つとして、押し動作によるプルダウンメニューの展開ができなくなる不具合を修正しました。
また、コントローラーだと押せないボタンを押せるように修正しました。
その他にも細かい修正がされています。

（「スクロール・ヘルパーを有効にする」オプションは標準でタッチ操作ができない、またマウスも接続していないFire TVのようなリモート・コントローラー操作の端末用に準備されているものです。）
ページ・イメージビューア・スライドショーでユーザーによってスキップするように設定されたスライドが含まれている場合に特定の条件でスライド送りやスライドジャンプをするとおかしな挙動をする不具合を修正しました。
ページ・イメージビューア・スライドショーで高速に連続してスワイプ・スライド送りをするとスライドショーが暴走する不具合を修正しました。
「動画スライドは再生の後に破棄する。」オプションを修正しました。
「設定」の「ページ・イメージビューア　スライドショー」セクションの「動画スライドは再生の後に破棄する。」オプションは再生の終わったビデオやオーディオを破棄して少ないメモリでの運用を試みるためのものですが、思うように機能していませんでした。

ただし、この「動画スライドは再生の後に破棄する。」オプションが有効の場合でも特定の条件下にある動画スライドについては現在でも破棄されない仕様になっています。
「動画スライドは再生の後に破棄する。」が有効のとき、もしそのような「破棄されずに残っている」動画スライドの破棄を任意のタイミングで試行したい場合は、ヘルプ・ウインドウのスライドの「Go」ボタンを使って再生中の動画をリロードして下さい。
「Go」ボタンが押されると、都度全スライドについて「動画の破棄チェック」を行う仕様になっています。

なお、「動画スライドは再生の後に破棄する。」オプションはデフォルトで有効になっています。

ビデオを含むスライドショーの途中でWebブラウザが落ちるような場合、それが極度にメモリが少ない端末のために起こると思われる場合はスナップショットの機能をオフにして試して下さい。

ビデオやオーディオを含むスライドショーの途中でWebブラウザが落ちるような場合、それが極度にメモリが少ない端末のために起こると思われる場合は可視状態と見なす範囲の拡張を0にして試して下さい。
【旧式のイメージビューアの修正】
「設定」にある別タブで開くタイプのイメージビューアのオプション「焦点自動追加オプションをイメージビューア・スライドショーで有効にします。」が機能しない不具合を修正しました。
これは例えば横長モニターの画面外下方に大きくはみ出ている縦長の画像などで、その隠れている部分を自動スクロールで順次巡って見せる機能です。
一応修正はしましたが、別タブで開くタイプのイメージビューアはモダンなWebブラウザではほぼ休止状態にさせられるため、正常に機能しなくなっています。

開発初期からある別タブで開くタイプのイメージビューア。
通常Altキーとのコンビネーション、Altキー＋「V+」ボタン、「V+」ボタン３秒以上長押しなどで開きます。

【主な変更項目】

【最近このお知らせに追加した主な変更項目: バージョン1.0からある別タブで開くタイプのイメージビューア(サイト内表示記号:IV)をメインページでも開けるようにしました。
ただし、このIVには画像操作関連のとても古いコードが未だに多く残っており、今回はそこの見直はしない予定のため、そこで不具合がでるかもしれません。
また、このメインページでも開けるようにしたIVも以前同様にビデオには非対応で、ビデオ用のインターフェースも付いていません。
それでもビデオの表示は一応できます。

こんな感じにメインページ一杯に広がって表示されます。
上部の「Close Image Viewer」ボタンを押してこのIVイメージビューアを閉じる事ができます。

イメージビューアに表示されている画像やビデオをダブルクリック、又はダブルタップすることで「イメージビューア・エディット・パネル（IVEP）」が表示されます。
そこからスライドショーを開始できます。
開始されたスライドショーを止めるには「イメージビューア・エディット・パネル」を再び表示させます。

IVイメージビューアはPCの場合はCtrl + Alt + ドラッグ、タッチ操作端末の場合はフレーム上部の長押しで移動や位置調整ができます。

フレームの移動後にフレームの自動サイズ変更を行いたくない場合は「<- No Resize Move - >」の部分を押さえながらドラッグします。
また、各イメージビューア・アイテムの「01 Mountains-61818.mp4」のような番号部分より右にある空白部分を押さえながら移動させた場合もフレームの自動サイズ変更は行われません。

IVイメージビューアの移動操作中に画面から突然消えるなどの不具合が起こった場合には、「ポップアップ」ボタンや「List」ボタンを押してポップアップ制御インターフェースを起動させ、位置をリセットするか閉じて下さい。

「設定」にてIVイメージビューアをメインページで表示するか、以前同様にタブで起動するかを選択できます。
【サイト設定のリセット処理が重かった問題への対処】
「設定」画面の最下部にある「このページの設定データをlocalStorageから削除する」オプションが「デフォルトの設定を確認」ボタンだけでなく「変更を保存してこの設定ページを閉じる」ボタンでも機能するようになりました。
この変更により高速に設定を削除できます。
【タッチ操作端末でポップアップ・ウインドウから「画像の保存」などのコンテキストメニューが出せなかった問題への対処】
マウス操作のPCでは開発当初からシフトキーやCtrlキーとのコンビネーションを使ってポップアップ上で標準のコンテキストメニューを出せていましたが、タッチ操作端末では出せませんでした。
バージョン3.4ではポップアップの移動ロックボタン「!」を押すことで標準のコンテキストメニューが出せるようになっています。

スライドショーのヘルプで動画のスナップショットをとれるようにしていますので動画サムネイル（poster）の作成時などに利用して下さい。

「設定」の「動画（HTML5 Video）」セクションに動画スナップショット画像の設定を追加しています。
【ビデオのコントローラー操作が困難である問題への対処】
ビデオ/オーディオのスライドやポップアップにおいてHTML5 Videoのコントローラー（再生時間や音量のスライダーなど）をタッチ操作で表示させようとするとき、適切な場所を狙ってタッチすることが困難だったため見直しました。
HTML5 Videoのコントローラーを表示/非表示にするには以前と変わらず「...」ボタンか「controls」ボタンを押します。
ボタンを押した後は画面のどこを押してもVideoのコントローラーが表示されます。
ただしFirefoxでは数秒後にまた「...」ボタンか「controls」ボタンを押しなおさなければVideoのコントローラーは再表示されません。
これがとても面倒ですがこれを書いている時点ではまだ修正していません。
【ポップアップ上に表示されるボタン群の位置変更】
ポップアップ上に表示されるスクリプト生成のボタン群は以前の「長押しで位置変更」からダブルクリック/ダブルタップでも位置変更できるように変更されています。
この変更により容易にボタン群の位置変更ができます。

【主な新規項目】

【最近このお知らせに追加した主な新規項目: ファイルを選択してポップアップを生成したり、イメージビューアで開いたりする事ができるようになりました】
「ポップアップ」ボタンや「LIST」ボタンを押して表示されるポップアップ管理インターフェースからファイルを選択し、それらをイメージビューアで見る事ができるようになりました。
選択したファイルが1つの場合にはポップアップが生成され、複数ある場合にはイメージビューアで開かれます。

Androidのドキュメント: ファイル・ブラウザでオーディオファイルを開こうとするとき、「オーディオ」タブから開いた場合にはファイル拡張子もMIMEタイプも提供されない事がわかっています。
この場合にはポップアップの生成やイメージビューアへの展開は失敗に終わります。

これが仕様であり全てのAndroid端末でそうなのか、それとも特定の端末だけでそうなのかはわかりませんが、手持ちのAndoroid端末ではどれも「オーディオ」タブから開くとファイル拡張子もMIMEタイプも提供されませんでした。
この問題を回避するには、簡易選択タブを使用せずにデフォルトのファイル・ブラウザ等の別タブを使って直接ディレクトリを巡ってファイルを選択します。

使用されるイメージビューアはデフォルトになっているイメージビューアで、設定が真っ新のときのデフォルトのイメージビュアはページ・イメージビューアになっています。
これは「設定」の「イメージビューア」セクションにある「イメージビューアのデフォルトのオプション」項目で変更できます。
また、他のイメージビューアボタンと同様に、PCの場合はAltクリックか3秒以上長押し、タッチ操作端末の場合は3秒以上長押しでデフォルトとは別のイメージビューアが開きます。

オプション文字列は左→右に向かって優先度が高くなり、同じ項目があれば上書きされていきます。
最後にあるのがpageIV;であればページ・イメージビューアが、IV;であればIVイメージビューアが、両方とも無い場合はページ・イメージビューアがデフォルトのイメージビューアになります。
【最近このお知らせに追加した主な新規項目: ビデオのポップアップに「Timestamp」ボタンを追加しました】
ビデオのポップアップに「Timestamp(タイムスタンプ)」ボタンを追加しました。
タイムスタンプボタンを押すとそのときのビデオの再生時間とスナップショット画像を保持するタイムスタンプが作成されます。

ビデオからのスナップショット画像作成については現在のところAndroidの新しい系のFirefoxでは常時失敗して真っ黒画像になる現象があり、現在でもその問題の解決には至っていません。
なお、スナップショットが失敗する別の原因にセキュリティー・ポリシーによるスナップショット作成の拒否がありますが、この場合にはそれに気付く事ができるように画面にエラーを表示するようにしています。
例えば、スナップショットを要求する側とは異なるプロトコル、ホスト、ポート番号のサーバーに、スナップショットを要求する側にあるビデオを再生させてスナップショットを撮ろうとしても基本的には失敗します。
（参考: https://developer.mozilla.org/ja/docs/Web/Security/Same-origin_policy）

タイムスタンプは対象のビデオが再生されている時にその枠内にあるピンク色のボタンがダブルクリック、又はダブルタップされると、ビデオの再生時間をタイムスタンプの時間にジャンプさせます。
タイムスタンプ画像はポップアップさせてから「!」ボタンを押して移動ロックすればコンテキストメニューが有効化され、それを介して保存できます。

「-」ボタンを押すとタイムスタンプが取り除かれます。

「T」ボタンはタイムスタンプのピンク色のボタン名を編集するときに使用します。

ピンク色のボタンの時間を含む文字列は規則の無い文字列ではなくタイムテーブル書式で書かれており、それゆえ編集する際にはタイムテーブル書式に従って書かなければエラーとなります。
例えばピンクのボタンの名前を「0:5」や「5s」、「1:5-1:15」や「1m5s-1m15s」としたときはOKですが、「ねこ」とすれば押したときにエラーになります。
エラーになったからといっても何か見た目に変化が起こるわけではなく、単に「ねこ」という文字列がタイムテーブルのパーツとしては認識されずに無視されるというだけです。
例えば、「0:5 ねこ」や「caption:ねこ, 1:5-1:15」とするなら「ねこ」がタイムテーブルデータのタイトルとして認識されます。
ボタンの名前を「1:5-1:15」のようなタイムテーブルの区間再生書式で書いて一度押すと、その区間再生データが対象のビデオのタイムテーブルに追加されます。
その新たに追加された区間再生データは「GoTo」ボタンを押して表示されるテーブルから実行できます。

ピンク色のボタンを押し続けると、
第1段階: 説明を表示

第2段階: ボタンに設定されているタイムテーブル文字列（ボタンの名前）をコピーします。区間タイムテーブル作成時にペーストして使う事を想定しています。

第3段階: ファイル名として使える文字列を生成して、それをコピーします。ファイル名に使えるようにするために例えば「0:5」は「00h00m05s000ms」に変更されます。また、フォルダ内の並び替えで時間順に並ぶのを期待して「0h0m5s」でも「0m5s」でも「5s」でもなく、とりあえず「00h00m05s000ms」と変更されます。
なお、この第3段階に作成される文字列の先頭に付ける文字列（デフォルトでts-）は「設定」の「動画（HTML5 Video）」セクションで変更できます。

と変わります。

なお、このタイムスタンプの文字列をコピーする動作はWebブラウザのセキュリティー・ポリシーにより拒否される事があります。
この場合にはエラーが表示されますのでそこから時間文字列をコピペして下さい。

タイムスタンプ保持枠の空白の部分をダブルクリック、又はダブルタップで保持枠の引っ付き位置（ポップアップ下か右側か）を変更できます。

ビデオの操作や関連処理をするボタン群はポップアップの上部をクリック／タップすることで移動する事ができます。

区間再生書式で書かれたピンクのボタンを一度押すと再生中のビデオのタイムテーブルにそのデータが送られます。

ビデオのタイムテーブルへ送った新規区間再生データは「GoTo」ボタンを押して表示されるテーブルから実行できます。
【ページ・イメージビューア・スライドショーのシャッフル】
「bShuffleSlides」オプションの追加でページ・イメージビューア・スライドショーをシャフルしてスタートできるようになりました。
「設定」のイメージビューアセクションにある「イメージビューアのデフォルトのオプション」項目に「bShuffleSlides=true;」を追加すればシャッフルが機能します。
Drop-Meで個別に設定する場合は「Desc」に「shuffleSlides;」と書き込んでシャッフル機能オン、「shuffleSlides-1;」として一旦オンになったシャッフル機能をオフにして下さい。

Drop-Me-Imageオプションのヘルプテキストより

「設定」より

イメージビューア・オプションのヘルプテキストより

Drop-Me-Imageの「Desc」より
【ビデオのコントローラー操作が困難である問題への対処】
ページ・イメージビューア・スライドショーのヘルプ画面でビデオ/オーディオの再生速度の変更、音量の変更、時間送り、時間戻し、再生と停止ができるようになりました。
これはタッチ操作端末でのビデオコントローラーの直接操作が困難な場合があるために、それらに触れずに操作するためのものです。
「Videoタイムスタンプを抽出」ボタンは主に動画で区間再生をしたいときにその位置を探ったり決めたりするときに、「<<10s」ボタンや「10s>>」ボタンと共に利用できます。
(お知らせ 4 Rev.5: 説明追加)【スライド回転ＵＩの追加】
ページ・イメージビューア・スライドショーのヘルプ画面の「スライドコンテンツの自動回転」セクションで、「縦長/横長スライドに対する回転」ができるようになりました。
マウス操作では以前からホイールを使用してスライドを回転できていたのですが、タッチ操作ではできませんでした。
なおこれは元々典型的なデスクトップPCのような画面の回転ができない（正確にはランドスケープ・モード/ポートレート・モードの切り替えができない）端末用に用意されたオプションです。
ただし、特定のタッチ操作Android端末のChrome系Webブラウザの特定のビルドでフルスクリーン状態のときにHTML5 Videoを使うビデオやオーディオを回転させるとうまくいかない状況を確認しています。
結局この不具合は修正できませんでした。

その代わりに、はたして役に立つのか逆に面倒になるのか判りませんが、フルスクリーンボタン「<->」をタッチ操作端末のChrome系のWebブラウザにおいて4段階で動作させる対策をしました。
調べたり試したりしたところ、これはChromium独特の、特定のタッチ操作端末で起こる挙動のようです。
実際にこの不具合は特定のタッチ操作端末にてChrome系のWebブラウザの全てで発生し、Firefox系のブラウザでは確認できませんでした。

(お知らせ 4 Rev.5でこの説明部分を追加しました)

Chrome系が独自実装している「スクロールしてアドレスバー隠し」機能を使えば本物のフルスクリーン・モードでなく疑似であるため本文にある不具合が起きません。

このオプションを有効にすると、Chrome系Webブラウザの機能であるスクロールによってメニューを隠す「疑似フルスクリーン・モード」と本当のフルスクリーンモードの両方が正常に機能するようにスクリプトが準備します。
これを実現するためにスクリプトはフルスクリーンボタン「<->」を4段階で動作させます。

各段階で表示されるメッセージは以下の通りです:
第1段階:　このステージではスクロールしてWebブラウザーのアドレス・バーを消す事ができます。
第2段階:　第1段階目になる直前の状態に復帰しました。
第3段階:　フルスクリーン・モードを準備しています。
第4段階:　フルスクリーン・モードの解除を準備しています。

この4段階の動作を嫌う場合はこのオプションを無効にして下さい。

この4段階動作オプションは「設定」で有効か無効にできます。
【特殊なAndroid端末: いくつかの専用UIを追加しました】
文字の選択ができない、入力フィールドでのカーソル送りができない、行移動が出来ないなど、Fire TV＋リモコン+Silkブラウザのような特殊な環境の場合、バージョン3.3ではどうする事もできない事が多々ありましたが、バージョン3.4では一通り何とか使えるようになっていると思います。

区間再生。
専用UIの追加でリモコンでもどうにか編集できるようになっています。
【特殊なAndroid端末: 「ページのズームイン/ズームアウト機能を無効にする」オプションを追加しました】
Fire TV＋リモコン+Silkブラウザのような特殊な環境のために、「設定」にてインプット・フィールドに入ったときにズームインされる機能を無効するオプションを追加しています。
例として、Fire TVで起動するブラウザは画面スケールがあまりに大きすぎるために非常に使いにくく、しかたなくスクリプトの「設定」でViewportスケールを1から0.5などに変えて画面スケール（各画面パーツやフォントなど）を小さくするのですが、それが原因でインプット・フィールドに入ると画面がズームインされます。
一旦ズームインされた画面はページをリロードしない限り元の状態に戻りません。
このオプションはその原因となるズームインを無効にすることでこの問題を回避するためのものです。

【その他】

【AndroidのFirefoxで動画のスナップショットが失敗する現象】
AndroidのFirefoxにて、スクリプトの機能を使って動画のスナップショットを取ろうとすると失敗し、その結果真っ黒画像が出来上がる現象があり、これは結局解決できませんでした。
【別タブで開くタイプのイメージビューアは画像ビューアです】
別タブで開くタイプのイメージビューア（サイト文書内では記号IVで表現）は動画には対応していません。
IVイメージビューアは開発当時から画像用、マンガ用のビューアで、画像を特殊な動きを付けて楽に楽しく見るのが目的でした。
IVイメージビューアのアイデアや主要コードはYoutube登場以前のもので、当時動画はVLCプラグインだけに対応していました。
その後のちょっとした修正により現在はHTML5の動画を表示することができますが、これを書いている時点でIVイメージビューアには動画用のインターフェースもなく、それ以上の事（動画の回転や動画の移動など）をするかしようとすると出来ないかバグると思われます。

一方、ページ・イメージビューア（サイト文書内では記号pageIVで表現）は動画の再生と動画のスライドショーを主目的としたビューアです。

以上

【お知らせ 3】

Collect and Display 3.3 （現在このサイトで動作中のものです。）

Collect and Display 3の目指すところは下の4つです。

【全般】
・タッチパネルでも機能するようにする。

【HTML5 video】
・Videoの軸をVLCからHTML5 videoへと切り替える。

【新しいイメージビューア】
・そのページで動作するイメージビューア「ページ・イメージビューア」の実装。
・別タブで動作する初期からあるイメージビューアとは異なりメインページで動作するためWebブラウザによりスリープ状態にされる事がなく、動作の安定が期待できます。

【砂場のDrop-Me-Imageを強化】
・Drop-Me-ImageはlocalStorageを保存手段とする一時用途の画像メモです。HTMLエディタ無しですぐに使えます。

修正にかかる期間が長くなるに従い、バージョン3.2からの修正と変更、そして新規項目の数が増し続けています。
それらの内容をここに文章化するのはとても手間がかかるため諦めました。
代わりに新しいインターフェースにはできるだけヘルプテキストを追加してそこで機能の説明や注意点を読めるようにしています。

【お知らせ 2】

Collect and Display 3.3 （現在このサイトで動作中のものです。公開前の最終的な動作確認と修正をしています。）

【主な修正項目】

別タブで開くタイプのイメージビューアにて、ロード待ちにある画像がユーザーによる画面スクロール操作等で露わなった後にもロードを開始しない不具合を修正しました。
この不具合はChrome系Webブラウザで確認されています。
dropMeのページ(_dropme.htmlなど)でsunaba_sample.htmlのように

を

と変更して静的なデータをロードしようとするとき、2回目以降のブロックロード時に間違ったデータが読み込まれる不具合を修正しました。
dropMe（Drop-Me-Imageなど。テンプレートでは砂場ページなどにあります）をユーザー設定により古い順番かつブロックに区切ってロードしようとするとき、

dropMe全体のうち非表示状態にあるものの画像がスクロールなどで表示状態になったにもかかわらずロードされない不具合を修正しました。
猫の絵を押して実行できるListItemBase検索の検索結果一覧表において、代表画像のロードがスクリプトによる誤ったソースアドレスの修正プロセスによって失敗に終わる不具合を修正しました。
dropMeのエディタにてシャッター（）内に置いたパスが実際のdropMe生成時にシャッター外に出るなど、ユーザーによって書かれた構造が崩れる不具合を修正しました。

その他にもスクリプトの重要な部分に修正目的で多数手が加えられています。

【主な変更項目】

CSSに「.dropMeStatic」が追加されており、静的なdropMeデータがロードされている事実を気付かせるためにdropMeの背景が黒にされます。
ポップアップウインドウ左上にあった「Stick to the right」チェックボックスを廃止してRESIZEボタンにしました。
画像／動画ポップアップ時のデフォルト設定でのサイズが、以前のように「画面横幅に合わせる」または「画面縦幅に合わせる」ではなく「自動設定」になりました。
以前のようにリサイズをマウス左右ボタンで制御したい場合には、Ctrlキーを押しながらポップアップさせる必要があります。
ページイメージビューアの移動がミドルマウスボタンからCtrlキー＋Altキーに変更になりました。
ミドルマウスボタンの場合には移動時にスライド送りしてしまうという誤動作を避け辛かったためです。

【主な新規項目】

砂場Drop-Me-Imageについてアイテムの検索と抽出ができるようになり、それ用のパーツが下に示すAとBの2箇所に追加されています。

A) _cnd_template_cardboardフォルダ内、index.htmlのdivDocHeaderパート

B) _cnd_template_cardboardフォルダ内、_dropme.html

検索結果が表示されるウインドウを閉じる際には、OKボタンを押して閉じれば検索履歴はクリアされ、CLOSEを押して閉じれば検索履歴は維持されます。

維持された検索履歴は次回検索時に引き継がれます。
この動作機能は意図的なものですが、CLOSEで閉じる事が癖になっていると検索結果の確認時に混乱させられる事があると思いますのでご注意ください。

追加されたパーツ: index.html、divDocHeaderパート

追加されたパーツ: _dropme.html

_dropme.htmlにあるdropMeImageの検索と抽出用パーツはdropMeImageのある別のページにコピー＆ペーストして使えます。
ただし、検索対象のdropMeはdivDocContentパート(メインコンテンツ部)に配置されたものだけであり、それゆえ左右サイドメニュー内に配置されたdropMeは検索対象となりません。

divDocHeaderパートにあるパーツのidには「_shared」が付加されており、どのdropMeページでも共通に使えるようになっています。
この共用パーツは別の場所にコピー＆ペーストした場合には正常に機能しません。
この共用パーツは、左サイドメニュー項目にセットされたdropMeページへのリンクを使った検索が可能です。
この検索の対象になるdropMeページのメニューアイテムはのようにcounter属性が付加されているものだけです。

この共用パーツは猫の絵を押せば現れます。
ポップアップ動画で区間再生ができます。方法はリストアイテムの青い[?]ボタンを押して表示されるテキストに書いてあります。
DROP-ME-IMAGEページでDROP-ME-IMAGEアイテムに設定チェックボックスを使って静的なデータを読み込ませる事ができます。

サイト上部にある猫の絵を押すと現れる「DropMeImage 設定」にてこれを行えます。
なお、「DropMeImage 設定」での設定は一時的なもので、その内容はスクリプトによってHDDに保存されることはなく、Webブラウザが使うメモリやキャッシュ上にあるだけです。
POPUPボタンやLISTボタンを押して表示されるウインドウ上にある「Create New Popup」ボタン押して画像や動画のアドレスを入力し、ポップアップを生成できます。

これは「作業所」ページにあるイメージビューアコンソールの機能縮小版のようなものですが、「Create New Popup」ボタンはPOPUPボタンやLISTボタンが存在するページであればどこでもそれを介して使えます。
画像や動画へのアドレス指定エディタで画像や動画へのパスを1つ渡せば通常のポップアップが生成され、複数のパスをセミコロン;で区切って渡せばページ・イメージビューアが開きます。
テスト段階ですが、DROP-ME-IMAGEのDescエディタにて「」が使えます。

「砂場サンプル」ページにてその動作確認ができます。
DROP-ME-IMAGE Descの今までのテキスト解釈では表現が難しかった表などがHTMLのTableで表現できます。

【その他】

いくつかの設定にてデフォルト値の調整を行いました。
settings_jp.htmlのリストアイテムのシャッターやdropMeImageのパートなどで新たに設定できる項目が追加されています。

【ダウンロード】

Collect and Displayはベクターでダウンロードできます。（予定）

　 Collect and Display 3.0

【全般】
・タッチパネルでも機能するよう取り組みました。

【HTML5 video】
・Videoの軸をVLCからHTML5 videoへと切り替えました。

【新しいイメージビューア】
・そのページで動作するイメージビューア「ページ・イメージビューア」を追加しました。
・別タブで動作する初期からあるイメージビューアとは異なりメインページで動作するためWebブラウザによりスリープ状態にされる事がなく、動作の安定が期待できます。

【砂場の「Drop-Me-Image」を強化】
・「Drop-Me-Image」はlocalStorageを保存手段とする一時用途の画像メモです。HTMLエディタ無しですぐに使えます。